/*
 * Copyright (C) 2015-2018 EPAM Systems
 *
 * This file is part of Indigo ELN.
 *
 * Indigo ELN is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Indigo ELN is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Indigo ELN.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

@import "../../../node_modules/bootstrap/less/variables.less";
//Brand Colors
//
//@bg-white: #fff;
//@bg-dark: #37474f;
//@bg-gray: #90a4ae;
//@bg-gray-l1: #cfd8dc;
//@bg-gray-l2: #eceff1;
//@bg-gray-l3: #d1dade;
//@bg-gray-d1: #607d8b;
//@bg-gray-d2: #546e7a;
//@bg-gray-d3: #9fb0b9;
//@bg-blue: #b2ebf2;
//@bg-blue-l1: #b2ebf2;
//@bg-blue-l2: #e0f7fa;
////text color
//@link-color: darken(#428bca, 6.5%);
//@link-color-blue: @bg-blue;
//@link-color-black: @bg-dark;
//@link-color-black-d1: @bg-gray-d1;
//@link-color-gray: @bg-gray;
//@link-color-gray-d1: #6b8693;
//
////border color
//
////@br-gray-l1: @bg-gray-l1;
////@br-blue: @bg-blue;
////@br-gray-d1: #607d8b;
//
//@padding-base-vertical: 3px;
//@padding-base-horizontal: 3px;
//@input-height-base: 28px;
//@input-color: #87888b;
////@input-border: #87e0eb;
////@line-height-base:  1.4;
//
//@btn-info-color: #23aabb;
//@btn-info-bg: #b2ebf2;
//@btn-info-border: #23aabb;
//
//@btn-default-color: #80878a;
//@btn-default-bg: #cfd8dc;
//@btn-default-border: #80878a;
//
//@gray-dark: #80878a;
//
////@brand-danger: #efbdd1;
////@btn-danger-color: #c97f9d;
////@btn-danger-border: #c97f9d;
////@btn-info-bg: #cfd8dc;
////@btn-info-border: #7f8589;
////@brand-primary: #4ed0e1;
////@panel-primary-text: @gray-base;
//
//
//
//
//@bg1: #fff;
//@bg2: #37474f;
//@bg3: #90a4ae;
//@bg4: #cfd8dc;
//@bg5: #eceff1;
//@bg6: #d1dade;
//@bg7: #dae1e4;
//@bg8: #607d8b;
//@bg9: #546e7a;
//@bg10: #9fb0b9;
//@bg11: #4dd0e1;
//@bg12: #b2ebf2;
//@bg13: #e0f7fa;
//
////border color
//
//@br1: @bg4;
//@br2: @bg11;
//@br3: @bg8;
//
////text color
//
//@link-color1: @bg11;
//@link-color2: @bg2;
//@link-color3: @bg8;
//@link-color4: @bg3;
//@link-color5: #6b8693;
//@link-color6: #687f8b;


@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url('../fonts/font-sourcesanspro/sourcesanspro-regular.eot');
  src: url('../fonts/font-sourcesanspro/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font-sourcesanspro/sourcesanspro-regular.woff') format('woff'),
  url('../fonts/font-sourcesanspro/sourcesanspro-regular.ttf') format('truetype'),
  url(../fonts/font-sourcesanspro/sourcesanspro-regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Bold';
  src: url('../fonts/font-sourcesanspro/sourcesanspro-bold.eot');
  src: url('../fonts/font-sourcesanspro/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font-sourcesanspro/sourcesanspro-bold.woff') format('woff'),
  url('../fonts/font-sourcesanspro/sourcesanspro-bold.ttf') format('truetype'),
  url(../fonts/font-sourcesanspro/sourcesanspro-bold.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Semibold';
  src: url('../fonts/font-sourcesanspro/sourcesanspro-semibold.eot');
  src: url('../fonts/font-sourcesanspro/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font-sourcesanspro/sourcesanspro-semibold.woff') format('woff'),
  url('../fonts/font-sourcesanspro/sourcesanspro-semibold.ttf') format('truetype'),
  url(../fonts/font-sourcesanspro/sourcesanspro-semibold.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Light';
  src: url('../fonts/font-sourcesanspro/sourcesanspro-light.eot');
  src: url('../fonts/font-sourcesanspro/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font-sourcesanspro/sourcesanspro-light.woff') format('woff'),
  url('../fonts/font-sourcesanspro/sourcesanspro-light.ttf') format('truetype'),
  url(../fonts/font-sourcesanspro/sourcesanspro-light.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro Italic';
  src: url('../fonts/font-sourcesanspro/sourcesanspro-it.eot');
  src: url('../fonts/font-sourcesanspro/sourcesanspro-it.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font-sourcesanspro/sourcesanspro-it.woff') format('woff'),
  url('../fonts/font-sourcesanspro/sourcesanspro-it.ttf') format('truetype'),
  url(../fonts/font-sourcesanspro/sourcesanspro-it.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/Roboto/Roboto-Regular.eot');
  src: url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
  url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
  url('../fonts/Roboto/Roboto-Regular.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url('../fonts/Roboto/Roboto-Bold.eot');
  src: url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
  url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
  url('../fonts/Roboto/Roboto-Bold.svg#robotobold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Light';
  src: url('../fonts/Roboto/Roboto-Light.eot');
  src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
  url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'),
  url('../fonts/Roboto/Roboto-Light.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed Bold';
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.eot');
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.woff') format('woff'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed Light';
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.eot');
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Light.woff') format('woff'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf') format('truetype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Light.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed Regular';
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.eot');
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.woff') format('woff'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype'),
  url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

//Colors

@brand1:                              #283593; //dark blue
@brand2:                              #3f51b5; // blue
@brand3:                              #53c4f9; //lighter blue (button bg)
@brand4:                              #edf9fe; //light blue

@brand5:                              #ffdc19; //yellow
@brand6:                              #ff9b19; //orange
@brand7:                              #f2f2f2; //light grey
@brand8:                              #a3c644; //green
@brand9:                              red;

//Gray color

@black:                               #000;
@darkest-gray:                        #212121;
@darker-gray:                         #424242;
@dark-gray:                           #7d7d7d;
@gray:                                #616161; //text-color
@gray-little-clarified:               #999999;
@gray-little-light:                   #e4e4e4;
@gray-lighter:                        #ededed; //bg content gray (body bg)
@gray-light:                          #fafafa;
@white:                               #fff;

@larger-size:                         20px;
@large-size:                          16px;
@small-size:                          12px;
@border-color:                        #ddd;
@border-radius:                       0;
@pad-space:                           20px;
@space-between-btns:                  5px;

//Buttons

@btn-bg:                              @brand4;
@btn-color:                           @white;
@btn-pad:                             7px 18px;
@btn-size:                            14px;
@btn-family:                          'RobotoCondensed Regular', sans-serif;
@btn-icon-space:                      7px;

@btn-info-bg:                         @brand3;
@btn-info-border-color:               @btn-info-bg;
@btn-small-size:                      @small-size;
@btn-small-pad:                       3px 10px 2px;

@btn-default-border-color:            @border-color;
@btn-primary-border-color:            @brand2;

//Forms

@label-color:                         #9e9e9e;
@help-txt-size:                       @small-size;
@help-txt-color:                      red;

//Panels

@panel-space-horizontal:              @pad-space;
@panel-space-vertical:                13px;

@panel-heading-color:                 @gray;
@panel-heading-size:                  @large-size;
@panel-heading-family:                'RobotoCondensed Regular', sans-serif;

@panel-body-h:                        360px;

//List Group

@list-group-item-pad:                 13px @pad-space;
@list-group-item-span-bg:             @gray-light;

//Dropdown

@dropdown-item-main-pad:              5px 12px 7px 12px;
@dropdown-item-pad:                   3px 10px;
@dropdown-item-active-color:          @gray;

//Navbar

@navbar-bg:                           @brand2;
@navbar-color:                        @white;

@uui-toggle-box-bg:                   @darker-gray;
@uui-toggle-box-color:                @white;
@uui-toggle-box-height:               60px;
@uui-toggle-box-width:                54px;
@uui-toggle-box-span-height:          2px;
@uui-toggle-box-span-width:           18px;
@navbar-height:                       60px;

@profile-pad:                         11px 13px;
@profile-open-bg:                     @brand1;
@profile-photo-size:                  38px;

@profile-dropdown-item-bg:            @profile-open-bg;
@profile-dropdown-item-color:         @white;
@profile-dropdown-item-pad:           10px 8.9px 10px 8px;
@profile-dropdown-item-size:          @large-size;
@profile-dropdown-item-family:        'Roboto Regular', sans-serif;
@profile-dropdown-item-hover-bg:      @brand2;

//Search

@search-bg:                           @white;
@search-border:                       1px solid @border-color;
@search-radius:                       25px;
@search-pad:                          0 5px 0 30px;
@search-field-height:                 26px;
@search-width:                        150px;
@search-icon-color:                   #bdbdbd;

@search-main-bg:                      @brand1;
@search-main-color:                   @white;
@search-main-size:                    @large-size;
@search-main-placeholder-color:       #5c6bc0;
@search-main-height:                  32px;
@search-main-width:                   200px;
@search-main-active-bg:               @white;
@search-main-active-color:            @darker-gray;
@search-active-width:                 350px;

//Sidebar

@sidebar-bg:                          @darker-gray;
@sidebar-width:                       250px;
@sidebar-item-open-bg:                @darkest-gray;
@sidebar-link-color:                  @gray-little-clarified;
@sidebar-link-pad:                    14px 20px 14px 5px;
@sidebar-link-size:                   18px;
@sidebar-link-family:                 'RobotoCondensed Light', sans-serif;
@sidebar-link-hover-color:            @white;
@sidebar-link-first-color:            @white;
@sidebar-link-first-size:             16px;
@sidebar-link-first-family:           'RobotoCondensed Regular', sans-serif;
@sidebar-link-first-hover-bg:         @brand3;
@sidebar-link-first-icon-size:        @larger-size;
@sidebar-link-first-icon-width:       24px;
@sidebar-popover-color:               #616161;
@sidebar-popover-title-family:        @sidebar-link-first-family;

//Main controls

@controls-row-bg:                     @gray-lighter;
@controls-list-border:                1px solid @border-color;
@controls-list-item-color:            @dark-gray;
@controls-list-item-size:             @larger-size;
@controls-list-item-height:           39px;
@controls-list-item-width:            44px;
@controls-list-item-hover-bg:         @dark-gray;
@controls-list-item-hover-color:      @white;

@tooltip-color:                       @gray;
@tooltip-controls-color:              @white;
@tooltip-size:                        14px;
@tooltip-family:                      'Source Sans Pro Semibold', sans-serif;
@tooltip-shadow:                      @gray-little-light;

//Main tabs

@tabs-link-color:                     @gray;
@tabs-link-family:                    'RobotoCondensed Regular', sans-serif;
@tabs-link-pad:                       14px @pad-space 13px;
@tabs-link-hover-color:               @brand2;

@inner-tabs-link-border-width:        3px;
@inner-tabs-link-size:                @small-size;
@inner-tabs-link-family:              'Source Sans Pro Semibold', sans-serif;
@inner-tabs-link-pad:                 8px @pad-space;
@inner-tabs-link-hover-border-color:  @brand1;

//Tables

@table-border:                        1px solid @border-color;
@table-col-pad:                       8px 16px;
@table-th-color:                      #666;
@table-th-family:                     'Source Sans Pro Semibold', sans-serif;

//Labels

@uui-label-bg:                        @brand3;
@uui-label-border:                    1px solid @uui-label-bg;
@uui-label-border-radius:             12px;
@uui-label-color:                     @white;
@uui-label-size:                      @small-size;
@uui-label-family:                    'RobotoCondensed Bold',Arial,sans-serif;
@uui-label-pad:                       0 13px;

@uui-label-green-bg:                  @brand8;
@uui-label-green-border-color:        @uui-label-green-bg;

@uui-label-red-bg:                    @brand9;
@uui-label-red-border-color:          @uui-label-red-bg;

//tags List

@tag-list-bg:                         #f2f2f2;
@tag-list-size:                       @small-size;
@tag-list-pad:                        0 5px;

//Main Content

@main-page-content-bg:                @gray-lighter;
@main-page-content-pad:               @pad-space;

//Statistic radio (main page)

@statistic-radio-content-pad:         8px 70px 8px 20px;
@statistic-radio-icon-color:          #dfdfdf;
@statistic-radio-content-check-bg:    @brand4;
@statistic-radio-check-icon-color:    @brand3;
@statistic-orange-color:              @brand6;
@statistic-yellow-color:              @brand5;
@statistic-txt-width:                 170px;

@count-border:                        1px solid @brand3;
@count-size:                          @small-size;
@count-min-width:                     30px;
@count-height:                        20px;
@count-pad:                           1px 4px;

//Dialogs

@modal-title-size:                    @large-size;

//Print

@print-bg:                            @white;
@print-header-color:                  #4252af;
@print-font:                          Trebuchet MS,Helvetica,Arial,sans-serif;
@print-header-row-font:               Arial,sans-serif;
@print-border-table-color:            #ccc;
@print-color:                         #666;

//Alerts

@success-notify:                      @brand8;
@danger-notify:                       #E4445F;
@warring-notify:                      @brand6;
@info-notify:                         @brand3;

// Radio

@radio-btn-color:                     @dark-gray;
@radio-btn-disabled-color:            @gray-little-clarified;
